<!DOCTYPE=html>  
<html>  
<title>抽屉菜单实例</title>
<link rel="stylesheet"  href="css/css.css" type="text/css" />
<head>  
<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/js01.js" type="text/javascript"></script>  
</head>  
<body>  
    <div>
      <div align="center">欢迎来到点餐APP</div>
    </div>  
     <div align="center"><a href="主页.html">主餐</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="附页.html">小吃</a></div>
    <div class="main" style="height:100%;overflow:auto;">
     
        <div class="child" style='margin-top:20px;height:100%' >
        <div class="line">	  
      <div align="center"<p><b>红烧肉</b><br>
	  ￥48.00<br>点击查看菜式的详细情况
    <input name="" type="button" value="查看" onClick=" cdClick()">
    <input name="" type="button" value="添加至购物车" onClick=" tjClick()">
      </p>
      <p>  
        <img src="img/1.jpg" width="240" height="160">
      </p>
      <p><b>咖喱牛腩</b><br>
      ￥58.00<br>点击查看菜式的详细情况
    <input name="" type="button" value="查看" onClick=" cdClick()">
    <input name="" type="button" value="添加至购物车" onClick=" tjClick()">  </p>
      
      <img src="img/2.jpg" width="240" height="160">
      <p><b>辣子鸡</b><br>
      ￥36.00<br>点击查看菜式的详细情况
    <input name="" type="button" value="查看" onClick=" cdClick()"> 
    
    <input name="" type="button" value="添加至购物车" onClick=" tjClick()">  </p>
      
      <img src="img/3.jpg" width="240" height="160"> 
            <p><b>青瓜鱿鱼</b><br>
      ￥36.00<br>点击查看菜式的详细情况
    <input name="" type="button" value="查看" onClick=" cdClick()"> 
    
    <input name="" type="button" value="添加至购物车" onClick=" tjClick()">  </p>
      
      <img src="img/4.jpg" width="240" height="160">
            <p><b>青椒肉丝</b><br>
      ￥36.00<br>点击查看菜式的详细情况
    <input name="" type="button" value="查看" onClick=" cdClick()"> 
    
    <input name="" type="button" value="添加至购物车" onClick=" tjClick()">  </p>
      
      <img src="img/5.jpg" width="240" height="160">
      </div>
      </div>
      </div>  
    </div>
      
</body> 
</html> 